<template>
  <article class="media">
    <figure class="media-left image is-48x48">
      <img src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png">
    </figure>
    <div class="media-content">
      <div class="content">
        <p>
          <strong>{{ comment.username }}</strong>
          <small class="ml-2">{{ comment.createTime }}</small>
          <br />
          <span>{{ comment.content }}</span>
        </p>
      </div>
    </div>
  </article>
</template>

<script>

export default {
  name: 'CommentItem',
  props: {
    comment: {
      type: Object,
      require: true
    }
  }
}
</script>
